<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	<script type="text/javascript" src="js/yintao.hoverdir.js" ></script>
	<script>
		window.onload = function(){
			$("#hehe").hoverdir();
		}
	</script> 
	<body>
		<div id="hehe" style="position: fixed; background:red ; top: 100px; left:200px; width:150px; height:200px;">
			<div id="shadow" style="position: absolute; background: rgba(0,0,0,0.6); left:0; top:200px;width: 150px; height: 200px;"></div>
		</div>
	</body>

</html>